﻿@inherits LayoutComponentBase

<RadzenDialog />
<RadzenNotification />
<RadzenTooltip />
<RadzenContextMenu />

<RadzenLayout style="background: url('images/crm-login-background.png'); background-size: cover;">
    <RadzenBody>
        <RadzenStack JustifyContent="JustifyContent.Center" Class="rz-mx-auto rz-p-4" Style="max-width: 1440px; height: 100%;">
            <RadzenCard class="rz-shadow-5 rz-border-radius-4" style="padding: 0; overflow: hidden">
                <RadzenRow Gap="0">
                    <RadzenColumn Size="12" SizeSM="6" Class="rz-background-color-primary rz-p-12" style="background-image: radial-gradient(circle at 4rem 4rem, var(--rz-primary-light) 0%, var(--rz-primary) 50%, var(--rz-primary-darker) 80%); position: relative;">
                        <RadzenImage Path="images/logo-login.png" style="width: 120px"></RadzenImage>
                        <RadzenText Text="Welcome!" TextStyle="TextStyle.H2" class="rz-mt-4 rz-mt-md-12 rz-pt-0 rz-pt-md-12 rz-mb-6 rz-color-white rz-display-none rz-display-sm-block" />
                        <RadzenText TextStyle="TextStyle.Body1" class="rz-mb-12 rz-pb-0 rz-pb-md-12 rz-color-white rz-display-none rz-display-sm-block">
                            Fill in your login credentials to proceed.
                        </RadzenText>
                    </RadzenColumn>
                    <RadzenColumn Size="12" SizeSM="6" class="rz-p-12">
                        @Body
                    </RadzenColumn>
                </RadzenRow>
            </RadzenCard>
            <RadzenText Text="CRMBlazorWasmRBS.Server v.1.0.0, Copyright Ⓒ 2023" TextStyle="TextStyle.Caption" TextAlign="TextAlign.Center" Style="width: 100%; margin-top: 20px" TagName="TagName.P" />
        </RadzenStack>
    </RadzenBody>
</RadzenLayout>